﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用JavaScript加载XML文件</title>
    <script type="text/javascript" language="JavaScript">
        var xmlhttp;
        function getData(){
            // 创建异步对象
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            // 加载服务器-注意无参数
            xmlhttp.open("GET","XMLFile.xml",true);
            // 异步对象事件挂钩
            xmlhttp.onreadystatechange = stateChange;
            // 发送请求-无参数
            xmlhttp.send(null);
        }
        function stateChange(){
            if(xmlhttp.readyState === 4 && xmlhttp.status === 200){
                // 获取所有返回的数据
                var data = xmlhttp.responseText;
                // 显示结果
                document.getElementById("divlist").innerHTML = data;
            }
        }

    </script>
</head>
<body>

<table style=" text-align:center">
    <tr>
        <td style="text-align:center">
            显示从XML文件中获取的数据</td>
    </tr>
    <tr>
        <td style="text-align:center">
            <input id="Button1" type="button" value="获取表格" onclick="getData()" /></td>
    </tr>
    <tr>
        <td style="text-align:center">
            <div id="divlist">
            </div>
        </td>
    </tr>
</table>

</body>
</html>